<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>小视频</title>
	<link rel="stylesheet" type="text/css" href="../c/aui.css" />
</head>
<style>
	html,
	body {
		background-color: transparent !important;
		/*background-color: #000 !important;*/
		width: 100%;
	}

	#sx1 {
		position: fixed;
		width: 100%;
		left: 0px;
		z-index: 1;
		top: 0;
	}
/*
	.aui-pull-left {
		background: none;
		line-height: normal;
		height: 3rem;
		overflow: hidden;
	}

	.aui-pull-left span {
		color: #fff;
		font-weight: bold;
		font-size: 0.75rem;
		background-color: rgba(0,0,0,0.5);
		border-radius: 50%;
		padding: 0.5rem;
	}*/

	.f {
		position: fixed;
		z-index: 3;
		bottom: 0.75rem;
		left: 0;
		width: 100%;
	}

	.f .textarea {
		width: 100%;
	}
	.f .a {
		background: #3D3D3D;
		padding: 0.75rem;
		margin: 1rem;
	}
	/*.asdasdas{
			margin-right: 1.5rem;
			background: #000000;
			padding: 0.75rem;
		}*/

	.f .textarea textarea {
		color: #fff;
		font-size: 0.75rem;
		height: 2rem;
	}

	.border {
		border-bottom: 1px solid #585858;
		padding: 0.3rem 0;
	}

	.fabu {
		width: 88%;
		height: 48px;
		margin: 0.75rem auto;
		line-height: 48px;
		border-radius: 0.2rem;
		background: #D43D3D;
		color: #fff;
		text-align: center;
		font-size: 0.7rem;
	}

	.em {
		width: 88%;
		margin: 0 auto;
		padding-bottom: 0.2rem;
	}
	#t .aui-pull-left{
		width: 2.5rem;
		height: 2.5rem;
		padding-top: 0.35rem;
		padding-left: 0.35rem;
	}
	#t .aui-pull-left img{
		padding: 0.5rem;
	}
	.money{
		background: #3D3D3D;
		margin: 1rem;
		display: flex;
		padding: 0.75rem;
		justify-content: space-between;
	}
	.money span{
		font-size: 0.75rem;
		width: 6rem;
	}
	.money input{
		height: auto;
		font-size: 0.75rem;
		color: #fff;
	}
	.city{
		margin:0 1rem;
		display: flex;
		justify-content:flex-start;
		height: 1rem;
		width: 100%;
		/*display: none;*/
	}
	.city img{
		width: 1rem;
		margin-right: 0.12rem;
	}
</style>
<body>
	<div class="video"></div>
	<div id="t"><a class="aui-pull-left" tapmode onclick="_closes()"><img src="../i/x.png" /></a></div>
	<div id="sx1">
		<!-- <a class="aui-pull-left aui-btn" tapmode onclick="_close()"> <span class="aui-iconfont aui-icon-left"></span> </a> -->
		<div class="f">
			<div class="city aui-hide"><img src="../i/city.png"><span></span></div>
			<div class="textarea">
				<div class="a">
					<textarea placeholder="分享你此刻的心情~" maxlength="30" id="content"></textarea>
					<div class="border"></div>
				</div>
			</div>
			<div class="money aui-hide">
				<span>付费观看：</span>
				<input type="tel" id="money" placeholder="请输入价格" οnkeyup="this.value=(this.value.match(/\d+(\.\d{0,2})?/)||[''])[0];" maxlength="9">
			</div>
			<div class="fabu" tapmode onclick="fabu()">发布</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../j/api.js"></script>
<script type="text/javascript" src="../j/exif.js"></script>
<script type="text/javascript">
	var videoUrl,imgurl
	apiready = function() {

		$('#t').css('padding-top',(api.safeArea.top)+'px');
		if(_city()){
			$('.city').removeClass('aui-hide');
			$('.city span').text(_city());
		}
		videoUrl = api.pageParam['videoUrl'] ? api.pageParam['videoUrl'] : '';
		imgurl = api.pageParam['img'] ? api.pageParam['img'] : '';
		if(_getPrefs('_user').vip){
			$('.money').removeClass('aui-hide');
		}
	}
	function fabu() {
		var _this = $("textarea");
		_this.blur();
		var data = {}
		data.videoUrl = videoUrl;
		data.imgurl = imgurl;
		data.content = _this.val();
		data.money = $('#money').val();
		api.execScript({
			name: 'root',
			frameName:'index_header',
			script: 'video_loading(\''+JSON.stringify(data)+'\')'
		});
		// api.execScript({
		//     script: 'scrollVideo.pause();'
		// });
		api.closeWin();
		_hone();
	}
	// 关闭
	function _closes() {
		_close();
	}
</script>

</html>
